*{
  margin: 0;
  padding: 0;
}
.home{
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  z-index: -3;
  height: 100%;
}
img:nth-child(1){
  width: 4rem;
  position: absolute;
  top: 2.5rem;
  left: 50%;

  margin-left: -2rem;
}
img:nth-child(2){
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.header{
  padding: 0.3rem;
  display: flex;
  font-size: 0.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.content{
  background-color: #fff;
  border-radius: 0.3rem;
  margin: 0.5rem;
  margin-top: 3rem;
  padding: 0.7rem;
  .input{
    display: flex;
    flex-direction: column;
    padding-top: 0.2rem;
    position: relative;
    padding-bottom: 1.4em;
    input{
      border: 0;
      font-size: 0.45rem;
      border-bottom: 1px solid #e4e4e4;
      padding: 0.5rem 0;
      outline: none;
      &:focus {
        outline: none;
      }
    }
    div{
      font-size: 0.4rem;
      position: absolute;
      right: 0;
      bottom: 1.6rem;
      padding: 0.3rem;
      border: 1px solid #ebebeb;
      border-radius: 1rem;
    }
  }
  button{
    width: 100%;
    background-color: #4484f7;
    border: 0;
    color: #fff;
    font-size: 0.6rem;
    padding: 0.2rem;
    border-radius: 0.2rem;
    font-weight: 300;
  }
  .joop{
    font-size: 0.34rem;
    display: flex;
    justify-content: space-between;
    padding-top: 0.4rem;
    padding-bottom: 0.7rem;
  }
  p{
    font-size: 0.34rem;
    color: #999;
    float: right;
  }
}